<html>
<head>
  <title>W3C Background Tests</title>
  <style type="text/css">
    table { width : 100% }
    table, td, th { border : thin solid black }
    td { width : 75% ; font-weight : bold ; text-align : left }
    td.lien { width : 25% ; text-align : center ; font-weight : normal }
  </style>
  <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-CR.css" />
</head>
<body>
<div class="head">
<p><a href="http://www.w3.org/"><img src=
"http://www.w3.org/Icons/w3c_home" alt="W3C Logo" border="0"
height="48" width="72" /></a></p>

<h1>W3C Background Tests</h1>

<h2>September 15, 2003</h2>

<dl>
<dt>This version:</dt>

<dd><a href="/~boland/css3/spec/index.htm">
/~boland/css3/spec/index.htm</a></dd>

<dt>Author</dt>

<dd><a href=
"mailto:frederick.boland@nist.gov">Tim Boland</a> (NIST)</dd>
<!--

<p class="copyright"><a href=
"http://www.w3.org/Consortium/Legal/ipr-notice-20000612#Copyright">
Copyright</a> &copy;2001 <a href="http://www.w3.org/"><abbr title=
"World Wide Web Consortium">W3C</abbr></a><sup>&reg;</sup> (<a
href="http://www.lcs.mit.edu/"><abbr title=
"Massachusetts Institute of Technology">MIT</abbr></a>, <a href=
"http://www.inria.fr/"><abbr lang="fr" title=
"Institut National de Recherche en Informatique et Automatique">
INRIA</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All
Rights Reserved. W3C <a href=
"http://www.w3.org/Consortium/Legal/ipr-notice-20000612#Legal_Disclaimer">
liability</a>, <a href=
"http://www.w3.org/Consortium/Legal/ipr-notice-20000612#W3C_Trademarks">
trademark</a>, <a href=
"http://www.w3.org/Consortium/Legal/copyright-documents-19990405">
document use</a> and <a href=
"http://www.w3.org/Consortium/Legal/copyright-software-19980720">
software licensing</a> rules apply.</p>
-->
<hr title="Separator from Header" />

</div>

<h2>W3C Background Property Tests</h2>
<p>
NOTE: The format of this cover page will soon change to reflect test 
descriptions for each test, as well as creation of test ids.
Additional tests will be created soon.
As soon as a final test format is defined, this document will adhere
to that format.  The tests are independent of one another, and contain no
intrinsic navigation inside them.
They are self-contained and autonomous, so may be navigated in any manner
desired.
One can "view source" to see names of tests for navigation purposes.
For now, tests below are HTML, so your browser must support this
capability to run these tests.
There is a sample test of a different HTML format at the end,
as well as some pure XML tests.  Finally, a few HTML TNG tests are presented.</p>
<p>
The CSS3 Background Module referenced in these tests is
<a href="http://www.w3.org/Style/Group/css3-src/css3-background/Overview.src.html">
here (dated 10 December 2002). </a>
NOTE: I put some additional letters at the end of some elements to test
certain properties more effectively.
Must support "gif" to run these tests; "jpg" also included, and other formats
will be included soon.
</p>
<table border="1"><tbody><tr>
   <td>Background Color-1 This test tests the background color property</td>
   <td class="lien">
      <a href="bc1.html">1</a>
   </td>
</tr>
<tr>
   <td>Background Color-2 This test tests the background color property</td>
   <td class="lien">
      <a href="bc2.html">2</a>
   </td>
</tr>
<tr>
   <td>Background Color-3 This test tests the background color property</td>
   <td class="lien">
      <a href="bc3.html">3</a>
   </td>
</tr>
<tr>
    <td>Background Color-4 This test tests the background color property</td>
    <td class="lien">
       <a href="bc-red.html">3.5</a>
    </td>
</tr>
<tr>
   <td>Background Image-1 This test tests the background-image property</td>
   <td class="lien">
      <a href="bi1.html">4</a>
   </td>
</tr>
<tr>
   <td>Background Image-2 This test tests the background-image property</td>
   <td class="lien">
      <a href="bi2.html">5</a>
   </td>
</tr>
<tr>
   <td>Background Image-3 This test tests the background image property</td>
   <td class="lien">
      <a href="bi3.html">6</a>
   </td>
</tr>
<tr>
   <td>Background Image-4 This test tests the background-image property</td>
   <td class="lien">
      <a href="bi4.html">7</a>
   </td>
</tr>
<tr>
   <td>Background Image-5 This test tests the background-image property</td>
   <td class="lien">
      <a href="bi5.html">8</a>
   </td>
</tr>
<tr>
   <td>Background Repeat-1 This test tests the background-repeat property</td>
   <td class="lien">
      <a href="br1.html">9</a>
   </td>
</tr>
<tr>
   <td>Background Repeat-2 This test tests the background-repeat property</td>
   <td class="lien">
      <a href="br2.html">10</a>
   </td>
</tr>
<tr>
   <td>Background Repeat-3 This test tests the background-repeat property</td>
   <td class="lien">
      <a href="br3.html">11</a>
   </td>
</tr>
<tr>
   <td>Background Repeat-4 This test tests the background-repeat property</td>
   <td class="lien">
      <a href="br4.html">12</a>
   </td>
</tr>
<tr>
   <td>Background Repeat-5 This test tests the background-repeat property</td>
   <td class="lien">
      <a href="br5.html">13</a>
   </td>
</tr>
<tr>
   <td>Background Repeat-6 This test tests the background-repeat property</td>
   <td class="lien">
      <a href="br6.html">14</a>
   </td>
</tr>
<tr>
   <td>Background Attachment-1 This test tests the background-attachment property</td>
   <td class="lien">
      <a href="ba1.html">15</a>
   </td>
</tr>
<tr>
   <td>Background Attachment-2 This test tests the background-attachment property</td>
   <td class="lien">
      <a href="ba2.html">16</a>
   </td>
</tr>
<tr>
   <td>Background Attachment-3 This test tests the background-attachment property</td>
   <td class="lien">
      <a href="ba3.html">17</a>
   </td>
</tr>
<tr>
   <td>Background Attachment-4 This test tests the background-attachment property</td>
   <td class="lien">
      <a href="ba4.html">18</a>
   </td>
</tr>
<tr>
   <td>Background Position-1 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp1.html">19</a>
   </td>
</tr>
<tr>
   <td>Background Position-2 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp2.html">20</a>
   </td>
</tr>
<tr>
   <td>Background Position-3 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp3.html">21</a>
   </td>
</tr>
<tr>
   <td>Background Position-4 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp4.html">22</a>
   </td>
</tr>
<tr>
   <td>Background Position-5 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp5.html">23</a>
   </td>
</tr>
<tr>
   <td>Background Position-6 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp6.html">24</a>
   </td>
</tr>
<tr>
   <td>Background Position-7 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp7.html">25</a>
   </td>
</tr>
<tr>
   <td>Background Position-8 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp8.html">26</a>
   </td>
</tr>
<tr>
   <td>Background Position-9 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp9.html">27</a>
   </td>
</tr>
<tr>
   <td>Background Position-10 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp10.html">28</a>
   </td>
</tr>
<tr>
   <td>Background Position-11 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp11.html">29</a>
   </td>
</tr>
<tr>
   <td>Background Position-12 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp12.html">30</a>
   </td>
</tr>
<tr>
   <td>Background Position-13 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp13.html">31</a>
   </td>
</tr>
<tr>
   <td>Background Position-14 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp14.html">32</a>
   </td>
</tr>
<tr>
   <td>Background Position-15 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp15.html">33</a>
   </td>
</tr>
<tr>
   <td>Background Position-16 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp16.html">34</a>
   </td>
</tr>
<tr>
   <td>Background Position-17 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp17.html">35</a>
   </td>
</tr>
<tr>
   <td>Background Position-18 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp18.html">36</a>
   </td>
</tr>
<tr>
   <td>Background Position-19 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp19.html">37</a>
   </td>
</tr>
<tr>
   <td>Background Position-20 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp20.html">38</a>
   </td>
</tr>
<tr>
   <td>Background Position-21 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp21.html">39</a>
   </td>
</tr>
<tr>
   <td>Background Position-22 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp22.html">40</a>
   </td>
</tr>
<tr>
   <td>Background Position-23 This test tests the background-position property</td>
   <td class="lien">
      <a href="bp23.html">41</a>
   </td>
</tr>
<tr>
   <td>Background Clip-1 This test tests the background-clip property</td>
   <td class="lien">
      <a href="bcl1.html">42</a>
   </td>
</tr>
<tr>
   <td>Background Clip-2 This test tests the background-clip property</td>
   <td class="lien">
      <a href="bcl2.html">43</a>
   </td>
</tr>
<tr>
   <td>Background Clip-3 This test tests the background-clip property</td>
   <td class="lien">
      <a href="bcl3.html">44</a>
   </td>
</tr>
<tr>
   <td>Background Origin-1 This test tests the background-origin property</td>
   <td class="lien">
      <a href="bo1.html">45</a>
   </td>
</tr>
<tr>
   <td>Background Origin-2 This test tests the background-origin property</td>
   <td class="lien">
      <a href="bo2.html">46</a>
   </td>
</tr>
<tr>
   <td>Background Origin-3 This test tests the background-origin property</td>
   <td class="lien">
      <a href="bo3.html">47</a>
   </td>
</tr>

<tr>
   <td>Background Size-1 This test tests the background-size property</td>
   <td class="lien">
      <a href="bs1.html">48</a>
   </td>
</tr>
<tr>
   <td>Background Size-2 This test tests the background-size property</td>
   <td class="lien">
      <a href="bs2.html">49</a>
   </td>
</tr>
<tr>
   <td>Background Size-3 This test tests the background-size property</td>
   <td class="lien">
      <a href="bs3.html">50</a>
   </td>
</tr>
<tr>
   <td>Background-1 This test tests the background property</td>
   <td class="lien">
      <a href="b1.html">51</a>
   </td>
</tr>
<tr>
   <td>Background-2 This test tests the background property</td>
   <td class="lien">
      <a href="b2.html">52</a>
   </td>
</tr>
<tr>
   <td>Background-3 This test tests the background property</td>
   <td class="lien">
      <a href="b3.html">53</a>
   </td>
</tr>
<tr>
   <td>Background-4 This test tests the background property</td>
   <td class="lien">
      <a href="b4.html">54</a>
   </td>
</tr>
<tr>
   <td>Background-5 This test tests the background property</td>
   <td class="lien">
      <a href="b5.html">55</a>
   </td>
</tr>
<tr>
   <td>Background-6 This test tests the background property</td>
   <td class="lien">
      <a href="b6.html">56</a>
   </td>
</tr>
<tr>
   <td>Background Spacing-1 This test tests the background-spacing property</td>
   <td class="lien">
      <a href="bsp1.html">57</a>
   </td>
</tr>
<tr>
   <td>Background Spacing-2 This test tests the background-spacing property</td>
   <td class="lien">
      <a href="bsp2.html">58</a>
   </td>
</tr>
<tr>
   <td>Background Spacing-3 This test tests the background-spacing property</td>
   <td class="lien">
      <a href="bsp3.html">59</a>
   </td>
</tr>

</tbody></table>
<p>
An example of a different HTML format is <a href="bcex.html">here</a>.
This format is similar to that in CSS1 Test Suite.
<p>
Some sample XML test cases (for background color) are
<a href="mod14-1.xml">Test 1</a> and
<a href="mod14-2.xml">Test 2</a>.
This is in case one wants to use XML to access tests.
More will be developed.
<p>
Some sample HTML test cases (in TNG Format) for background color are
<a href="tng1.htm">Test 1</a> and
<a href="tng2.htm">Test 2</a>, and
<a href="tng3.htm">Test 3</a>.
This is in case one wants to use HTML TNG to access tests.
More can be developed.
</body>
</html>
